<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

    <link rel="apple-touch-icon" href="favicon.png">
    <link rel="Shortcut Icon" href="favicon.png" type="image/x-icon">
    <title>小月农场</title>
    <style type="text/css">

        #base {
            width: 10rem;
            height: 18rem;
            /*top:-0.8rem;*/
            position: absolute;
            /*height: 300px;*/
            text-align: center;
            /*bottom:0;*/
            overflow-y:scroll;
            font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
            background-color: #f4f4f4;
            background-size: 100% 100%;
            /*background-attachment:scroll;*/
        }
        /*#scroll{*/
        /*height: 17rem;*/
        /*overflow-y:scroll;*/
        /*}*/
        .farm-title{
            font-size: 0.45rem;
            /*color: white;*/
            margin-top: 1.08rem;
        }
        .word{
            text-align: left;
            margin-top: 0.3rem;
            font-size: 0.32rem;
            margin-left: 1.5rem;
            /*color: white;*/
        }

    </style>
</head>
<body>
<!-- 页面结构写在这里 -->
<div id = "base">


    <p class="farm-title">养鸡指南</p>
    <p class="word" style="margin-top: 1rem">1.喂养10000g 鸡饲料，即可养大一只鸡</p>
    <p class="word">2.每2小时可喂养一次，每次可喂养20g饲料</p>
    <p class="word">3.养大的鸡，可以兑换一只真实的散养土鸡</p>
    <p class="word">4.鸡饲料可以通过在app里消费获得</p>

</div>
</body>
</html>
